<template>
  <ControlWrap :fullHeight="true">
    <div class="content-container">
      <NavComponent @change="change" />
      <FileList ref="fileList" />
    </div>
  </ControlWrap>
</template>
<script setup>
import { ref, reactive } from "vue";
import NavComponent from "@/view/serveFile/SearchNav/index.vue";
import FileList from "@/view/serveFile/FileList/index.vue";
const fileList = ref(null);
const change = (val) => {
  console.log("---", val);
  fileList.value.setSpaceId(val);
  fileList.value.getTableList();
};
</script>

<style lang="scss" scoped>
.content-container {
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  position: relative;
  @include scroll-bar(6px, #ccc);
}
</style>
